<extend name="Base/common"/>
<block name="style">
    <style>
    body {
            background: #F7F7F7;
        }
		.topic_title {
			color: #505050;
		}
		.topic_title_count {
			padding-top: 20px;
		}
		.topic_title {
			color: #626770;
			padding: 7px 15px;
		}
		.pull-right {
			float: right !important;
		}
		.topic_title_count p {
			font-size: 16px;
			margin-top: 16px;
			margin-right: 10px;
		}
		.topic_title p {
			font-size: 18px;
		}
		.post_text p {
			font-size: 16px;
			line-height: 1.65;
		}
		.post_text {
			background: #fff;
			padding: 20px;
			min-height: 450px;
			overflow: hidden;
			position: relative;
			font-size: 16px;
		}
		.board_classify p {
			margin: 10px 0px 0px 15px;
		}
		.board_classify p a {
			margin: 0 6px 6px 0;
			display: inline-block;
		}
		.board_classify a {
			line-height: 22px;
		}
		.board_classify a:hover {
			text-decoration: underline;
		}
		.board_classify span {
			color: #626770;
			font-size: 14px;
		}
		.side-block > div > div.last-child {
			padding-bottom: 20px;
		}
		.main-block {
			margin-bottom: 30px;
		}
		.main-block > div,
		.main-block > section {
			background: #fff;
			padding: 15px 30px;
		}


.main-block >div.first-child {
border-top: 5px solid #41b6d3;
}

.post_sort {
border-bottom: 1px dashed #e9e9e9;
}

.list-group {
padding-left: 0;
margin-bottom: 0px;
list-style: none;
}
.ot_post_list .list-inline>li {
vertical-align: top;
padding-left: 0;
padding-right: 0;
display: inline-block!important;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.ot-list-title {
width: 86%;
}
.ot_post_topic {
font-size: 16px;
margin-bottom: 10px;
padding-right: 15px;
}
.ot_post_info {
color: #c2c2c2;
}
.ot_post_info a {
color: #999999;
cursor: pointer;
}
.ot_post_info span, .ot_post_info a {
margin-right: 8px;
font-size: 14px;
}
    </style>
</block>
<block name="header">
    <div class="content_content container">
        <header class="row ot_post_detail_title" id="overview">
            <div class="col-md-8 col-sm-8">
                <ol class="breadcrumb">
                    <li>
                        <a href="{:U('Index/index')}">首页</a>
                    </li>
                    <li class="active">
                        <a href="{:U('Article/index/',array('category'=>$category['id']))}">{$category['title']}</a>
                    </li>
                </ol>
                <p class="category_description">
                    {$category['description']}
                </p>
            </div>
            <div class="col-md-4 topic_title pull-right topic_title_count">
                <p class="pull-right">
                    主题数：{$category['listCount']}
                </p>
            </div>
        </header>
    </div>
</block>

<block name="body">
    <div class="content_content container">
        <div class="row row-offcanvas row-offcanvas-right">
            <div class="col-xs-12 col-sm-8 col-md-8 topic_content main-block">
                <div class="post_sort clearfix first-child">
                    <div class="pull-left">
                        <select class="form-control">
                            <option>默认排序</option>
                        </select>
                    </div>
                    <div class="btn-group pull-right  btn-group-sm">
                        <a href="/cate/share.html" class="btn btn-default">全部</a>
                        <a href="/cate/share.html?type=recommend" class="btn btn-default ">精华</a>
                        <a href="/cate/share.html?type=zero" class="btn btn-default ">零回复</a>
                    </div>
                </div>

                <section id="contents" class="clearfix post_text">
                    <ul class="list-group ot_post_list">
    <article:list name="list" category="$category['id']" child="true">
    <li class="list-group-item first-child">
        <ul class="list-inline">
            <li class="avatar">
            </li>
            <li class="ot-list-title">
                <div class="ot_post_topic">
                    <a href="{:U('Article/detail?id='.$list['id'])}" target="_blank">{$list.title}</a>
                    <span class="ot_pith_item"></span>
                </div>
                <div class="ot_post_info">
                    <a href="{:U('Article/lists?category='.get_category_name($list['category_id']))}" target="_blank">{$list.category_id|get_category_title}</a>| 
                    <a class="ot-list-author" href="#">{$list.uid|get_username}</a>

                    <span>浏览：{$list.view}  回复：{$list.comment}</span>

                    <span class="ot-list-time pull-right">{$list.create_time|date='m-d H:i',###}</span>
                </div>
            </li>
        </ul>
    </li>
    </article:list>
</ul>
<div class="onethink pagination pagination-right pagination-large">
                <article:page cate="$category['id']" listrow="$category['list_row']" />
            </div>
                </section>
            </div>
        </div>
    </div>
</block>